@charset "utf-8";

.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > .home:focus{
            background: #222222;
            color: #9d9d9d;
            &:hover{
                background: gainsboro;
                color: red;
            }
        }
        .navbar-default .navbar-nav > li > .us{
            background: #080808;
            color: #ffffff;
            &:hover{
                background: gainsboro;
                color: red;
            }
        }
    }
    section{
        padding-top: 50px;
//      padding-bottom: 113px;
        .section_top{
            .header{
                padding: 0;
                img{
                    width: 100%;
                    height: 276px;
                    display: block;
                    @media(max-width:320px){
                        min-width: 15%;
                    }
                    @media(max-width:360px){
                        min-width: 25%;
                    }
                    @media(max-width:412px){
                        min-width: 35%;
                    }
                    @media(max-width:375px){
                        min-width: 45%;
                    }
                    @media(max-width:414px){
                        min-width: 55%;
                    }
                    @media(max-width:767px){
                        min-width: 65%;
                    }
                    @media(min-width:768px) and (max-width:979px){
                        min-width: 75%;
                    }
                    @media(max-width:979px){
                        min-width: 85%;
                    }
                    @media(min-width:980px){
                        min-width: 95%;
                    }
                    @media(max-width:1200px){
                        min-width: 100%;
                    }
                }
            }
        }
        .section_zj{
            .jianjie{
                max-width: 650px;
                margin-left: -50px;
                padding-top: 70px;
                h2{
                    font-size: 36px;
                    color: #2a2a2a;
                    padding-bottom: 20px;
                }
                h2+p{
                    color: #2a2a2a;
                    font-size: 21px;
                    padding-bottom: 10px;
                }
                .originator{
                    color: #2a2a2a;
                    font-size: 14px;
                    text-align: justify;
                    line-height: 30px;
                    
                }
            }
            .layabox{
                padding-top: 233px;
                img{
                    width: 303px;
                    height: 176px;
                    display: block;
                }
            }
        }
        .section_zj_1{
            width: 100%;
            height: 406px;
            background-color: #8cc11f;
            margin-top: 50px;
            .rencai{
                max-width: 650px;
                margin-left: -50px;
                padding-top: 105px;
                p:nth-child(1){
                    color: #ffffff;
                    font-size: 36px;
                }
                p:nth-child(2){
                    color: #ffffff;
                    font-size: 16px;
                    padding-top: 40px;
                    line-height: 30px;
                }
                p:nth-child(3){
                    color: #ffffff;
                    font-size: 16px;
                    line-height: 30px;
                }
            }
            .youxiang{
                padding-top: 210px;
                .youjian{
                    color: #ffffff;
                    font-size: 16px;
                }
                a{
                    text-decoration: none;
                    img{
                        width: 219px;
                        height: 48px;
                        &:hover{
                            opacity: 0.7;
                        }
                    }
                }
                .dream{
                    color: #ffffff;
                    font-size: 16px;
                    padding-top: 10px;
                }
            }
        }
        .section_zj_2{
            
            .yinqin{
                margin-left: -50px;
                padding-top: 115px;
                p{
                    color: #8cc11f;
                    font-size: 25.9px;
                }
                dl{
                    
                    dt{
                        color: #2a2a2a;
                        font-size: 18px;
                        line-height: 35px;
                    }
                    dd{
                        color: #2a2a2a;
                        font-size: 14px;
                        padding-left: 20px;
                        line-height: 35px;
                    }
                }
                .zhiye{
                    padding-top: 20px;
                }
                .yaoqiu{
                    margin-top: -20px;
                }
            }
            .shuipingxian{
                border: 1px solid #d2d2d2;
                width: 998px;
                margin-top: 30px;
                margin-left: -65px;
            }
            .zhiwei{
                padding-top: 65px;
            }
        }
        .section_bot{
            width: 100%;
            height: 406px;
            background-color: #f4f4f4;
            margin-top: 78px;
            .contact{
                margin-left: -50px;
                padding-top: 35px;
                p{
                    color: #2a2a2a;
                    font-size: 36px;
                }
            }
            .way{
                 margin-left: -50px;
                 padding-top: 20px;
                .place{
                    width: 469px;
                    height: 103px;
                    background-color: #ffffff;
                    border: 1px solid #e3e3e3;
                    line-height: 96px;
                    &:hover{
                        opacity: 0.7;
                    }
                    img{
                        width: 70px;
                        height: 70px;
                        margin-top: -2px;
                        margin-left: 15px;
                    }
                    span{
                        color: #2a2a2a;
                        font-size: 15.96px;
                        padding-left: 5px;
                        box-sizing: border-box;
                        max-width: 40px;
                        &:hover{
                            color: red;
                        }
                    }
                }
            }
            .way_1{
                margin-left: -65px;
            }
        }
    }
    footer{
        
    }
}
